<template>
  <div id="app" @click.stop='father'>
    <m-header ref="child"></m-header>
    <router-view/>
    <m-footer></m-footer>
  </div>
</template>

<script>
import header from './components/header/header.vue'
import footer from './components/footer/footer.vue'

export default {
  name: 'app',
  data() {
    return {
    }
  },
  components: {
    'm-header': header,
    'm-footer': footer
  },
  methods: {
    father: function(e){
      this.$refs.child.aa(e)
    }
  }
}
</script>

<style>
</style>
